﻿





$.HtmlHelper = [];

$.extend($.HtmlHelper, {

    GetProductTableHtml: function () {

        var productTablehtml = ['<table class="table table-hover table-bordered">',
       '<tbody>',

   '<p style="font-size:12px;color:red">此模块信息为扫码时动态读取产品信息,不可修改！</p>',
           '<tr>',
               '<td>产品名称</td>',
               '<td>产品名称</td>',
           '</tr><tr>',
               '<td>产品编号</td>',
               '<td>产品编号</td>',
           '</tr>',
           '<tr>',
               '<td>所属机构</td>',
               '<td>所属机构</td>',
           '</tr>',

           '<tr>',
               '<td>扩展信息</td>',
               '<td>扩展信息</td>',
           '</tr>',
       '</tbody>',
   '</table>'


        ].join('');
        
        return productTablehtml;

    },


    GetSelectExampleHtml: function () {
        var SelectExampleHtml = [
                '<div class="modal_select_plugins_main" id="BindModuleListMain">',
                    '<div class="modal_select_plugins_bg" id="modal_select_plugins" onclick="BindModuleList_main_hide()">',
                    '</div>',
                    '<div class="modal_select_plugins_box" style="background:#FFF;">',
                        '<a href="javascript:;" class="modal_select_plugins_close" onclick="modal_select_plugins_main_hide()"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span @*aria-hidden="true"*@>×</span></button></a>',
                        '<div class="modal_select_plugins_box_body">',
                            '<div class="FirstStep text-center">',
                                '<h2 style="font-weight:900">请选择常用品类版本开始创建</h2>',
                                '<div style="font-size:12px">品类版本不断更新中，如暂无相关案例，请选择从空白新建</div>',
                                '<div class="row" style="display: flex; justify-content:space-around">',
                                    '<div class="col-sm-3 BindModuleListSelect" data-materialId="1">',
                                        '<img src="/Content/webImgs/TraceSource/TraceSourceEdit/FirstStep_1.png" style="width:100%" />',
                                        '<div class="BindModuleListText">米面</div>',
                                    '</div>',
                                    '<div class="col-sm-3 BindModuleListSelect" data-materialId="2">',
                                        '<img src="/Content/webImgs/TraceSource/TraceSourceEdit/FirstStep_2.png" style="width:100%" />',
                                        '<div class="BindModuleListText">名优茶酒</div>',
                                    '</div>',
                                    '<div class="col-sm-3 BindModuleListSelect" data-materialId="3">',
                                        '<img src="/Content/webImgs/TraceSource/TraceSourceEdit/FirstStep_3.png" style="width:100%" />',
                                        '<div class="BindModuleListText">化妆品</div>',
                                    '</div>',
                                '</div>',
                                '<div class="row" style="display: flex; justify-content:space-around">',
                                    '<div class="col-sm-3 BindModuleListSelect" data-materialId="4">',
                                        '<img src="/Content/webImgs/TraceSource/TraceSourceEdit/FirstStep_4.png" style="width:100%" />',
                                        '<div class="BindModuleListText">果汁饮料</div>',
                                    '</div>',
                                    '<div class="col-sm-3 BindModuleListSelect" data-materialId="5">',
                                        '<img src="/Content/webImgs/TraceSource/TraceSourceEdit/FirstStep_5.png" style="width:100%" />',
                                        '<div class="BindModuleListText">乳制品</div>',
                                    '</div>',
                                    '<div class="col-sm-3 BindModuleListSelect" data-materialId="0" >',
                                        '<img src="/Content/webImgs/TraceSource/TraceSourceEdit/FirstStep_6.png" style="width:100%" />',
                                        '<div class="BindModuleListText">空白模板</div>',
                                    '</div>',
                                '</div>',
                            '</div>',
                            '<div class="SecondStep" style="position:relative" hidden >',
                                '<div class="row" style="margin: 40px auto;width:60%;">',
                                    '<div class="col-sm-4" style="position:relative;z-index:1">',
                                        '<div style="width: 20px; height: 20px; background: #509A55; border-radius: 10px; line-height: 20px; text-align: center; margin: 0 auto; color: #FFF; ">1</div>',
                                        '<div style="color: #509A55; text-align: center">应用场景</div>',
                                    '</div>',
                                    '<div class="col-sm-4" style="position:relative;z-index:1">',
                                        '<div style="width: 20px; height: 20px; background: #A6B0B9; border-radius: 10px; line-height: 20px; text-align: center; margin: 0 auto; color: #FFF; ">2</div>',
                                        '<div style="color: #A6B0B9; text-align: center">查询展示</div>',
                                    '</div>',
                                    '<div class="col-sm-4" style="position:relative;z-index:1">',
                                        '<div style="width: 20px; height: 20px; background: #A6B0B9; border-radius: 10px; line-height: 20px; text-align: center;margin:0 auto;color:#FFF">3</div>',
                                        '<div style="color: #A6B0B9;text-align:center">自定义编辑</div>',
                                    '</div>',
                                    '<div class="line" style="width: 66%; height: 2px; background: #A6B0B9; margin: 0 auto; position: relative; top: 10px;"></div>',
                                '</div>',
                                '<img style="width:90%;margin:0 5%;" src="/Content/webImgs/TraceSource/TraceSourceEdit/SecondStep.png" />',
                                '<div style="width: 90%; margin:25px 5%;display:flex;">',
                                    '<button class="btn btn-success" style="margin:0 auto" onclick="GoThirdStep()">下一步</button>',
                                    '<a style="position:absolute;right:5%" onclick="BindModuleList_main_hide()">跳过引导，直接创建</a>',
                                '</div>',
                            '</div>',
                            '<div class="ThirdStep" style="position:relative" hidden>',
                                '<div class="row" style="margin: 40px auto;width:60%;">',
                                    '<div class="col-sm-4" style="position:relative;z-index:1">',
                                        '<div style="width: 20px; height: 20px; background: #A6B0B9; border-radius: 10px; line-height: 20px; text-align: center; margin: 0 auto; color: #FFF; ">1</div>',
                                        '<div style="color: #A6B0B9; text-align: center">应用场景</div>',
                                    '</div>',
                                    '<div class="col-sm-4" style="position:relative;z-index:1">',
                                        '<div style="width: 20px; height: 20px; background:#509A55; border-radius: 10px; line-height: 20px; text-align: center; margin: 0 auto; color: #FFF; ">2</div>',
                                        '<div style="color: #509A55; text-align: center">查询展示</div>',
                                    '</div>',
                                    '<div class="col-sm-4" style="position:relative;z-index:1">',
                                        '<div style="width: 20px; height: 20px; background: #A6B0B9; border-radius: 10px; line-height: 20px; text-align: center;margin:0 auto;color:#FFF">3</div>',
                                        '<div style="color: #A6B0B9;text-align:center">自定义编辑</div>',
                                    '</div>',
                                    '<div class="line" style="width: 66%; height: 2px; background: #A6B0B9; margin: 0 auto; position: relative; top: 10px;"></div>',
                                '</div>',
                                '<img style="width:90%;margin:0 5%;" src="/Content/webImgs/TraceSource/TraceSourceEdit/ThirdStep.png" />',
                                '<div style="width: 90%; margin:25px 5%;display:flex;">',
                                    '<div style="margin:0 auto">',
                                        '<button class="btn btn-default" onclick="GoSecondStep()">上一步</button>',
                                        '<button class="btn btn-success" style="margin-left:20px;"onclick="GoFourthStep()">下一步</button>',
                                    '</div>',
                                    '<a style="position: absolute; right: 5%" onclick="BindModuleList_main_hide()">跳过引导，直接创建</a>',
                                '</div>',
                            '</div>',
                            '<div class="FourthStep" style="position:relative" hidden>',
                                '<div class="row" style="margin: 40px auto;width:60%;">',
                                    '<div class="col-sm-4" style="position:relative;z-index:1">',
                                        '<div style="width: 20px; height: 20px; background: #A6B0B9; border-radius: 10px; line-height: 20px; text-align: center; margin: 0 auto; color: #FFF; ">1</div>',
                                        '<div style="color: #A6B0B9; text-align: center">应用场景</div>',
                                    '</div>',
                                    '<div class="col-sm-4" style="position:relative;z-index:1">',
                                        '<div style="width: 20px; height: 20px; background: #A6B0B9; border-radius: 10px; line-height: 20px; text-align: center; margin: 0 auto; color: #FFF; ">2</div>',
                                        '<div style="color: #A6B0B9; text-align: center">查询展示</div>',
                                    '</div>',
                                    '<div class="col-sm-4" style="position:relative;z-index:1">',
                                        '<div style="width: 20px; height: 20px; background: #509A55; border-radius: 10px; line-height: 20px; text-align: center; margin: 0 auto; color: #FFF">3</div>',
                                        '<div style="color: #509A55; text-align: center">自定义编辑</div>',
                                    '</div>',
                                    '<div class="line" style="width: 66%; height: 2px; background: #A6B0B9; margin: 0 auto; position: relative; top: 10px;"></div>',
                                '</div>',
                                '<img style="width:90%;margin:0 5%;" src="/Content/webImgs/TraceSource/TraceSourceEdit/FourthStep.png" />',
                                '<div style="width: 90%; margin:25px 5%;display:flex;">',
                                    '<div style="margin:0 auto">',
                                        '<button class="btn btn-default" onclick="GoThirdStep()">上一步</button>',
                                        '<button class="btn btn-success" style="margin-left:20px;" onclick="BindModuleList_main_hide()">立刻应用模板创建</button>',
                                    '</div>',
                                '</div>',
                            '</div>',
                        '</div>',
                    '</div>',
                '</div>'].join("");

        return SelectExampleHtml;
    },


   













});